<template>
	<view>
		<view class="header flex-column align-center justify-center">
			<view class="flex-row justify-between w-full">
				<view class="flex-row align-center">
					<u-avatar size="60"></u-avatar>
					<view class="ml-30">
						<view class="flex-row align-center">
							<view class="mr-10">Glen浩丰中亚</view>
							<u-icon name="edit-pen" size="24" color="#fff"></u-icon>
						</view>
						<view class="small-size mt-10">
							1111
						</view>
					</view>
				</view>
				<view class="flex-row align-center justify-center">
					<view class="">
						<u-icon name="kefu-ermai" color="#fff" size="24"></u-icon>
					</view>
					<view class="ml-30" @click="jumpPage('/pages/mine/address/list')">
						<u-icon name="setting" color="#fff" size="24"></u-icon>
					</view>
				</view>
			</view>
			<view class="flex-row mt-30 small-size w-full">
				<view class="">
					学习时长:200
				</view>
				<view class="ml-30">
					我的收藏:200
				</view>
			</view>
		</view>
		<view class="p-30">
			<view class="card p-30">
				
			</view>
			<view class="card p-30 mt-30">
				<view class="size sub-size ">
					热门推荐
				</view>
				<u-grid :col="5">
					<u-grid-item :customStyle="{'paddingTop':'20rpx'}" v-for="(item,index) in 10">
						<u-icon name="photo" :size="36"></u-icon>
						<view class="small-size">图片</view>
					</u-grid-item>
				</u-grid>
			</view>
			<view class="card p-30 mt-30">
				<view class="size sub-size">
					热门推荐
				</view>
				<u-grid :col="5">
					<u-grid-item :customStyle="{'paddingTop':'20rpx'}" v-for="(item,index) in 10">
						<u-icon name="photo" :size="36"></u-icon>
						<view class="small-size">图片</view>
					</u-grid-item>
				</u-grid>
			</view>
		</view>
		
		<u-toast ref="uToast"></u-toast>
		<login ref="login" />
	</view>
</template>

<script>
	import commonMixin from '@/mixins/common.js';
	export default {
		mixins: [commonMixin],
		data() {
			return {

			};
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	.header {
		height: 300rpx;
		background-color: #FC3F39;
		padding: 30rpx;
		box-sizing: border-box;
		color: #fff;
	}
</style>